<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>

		<link rel="stylesheet" type="text/css" href="style/css.css">
		<link rel="stylesheet" type="text/css" href="style/Ceo.css">
		<link rel="stylesheet" type="text/css" href="style/index.css">
		<script src="js/js.js"></script>
		    <script type="text/javascript" src="js/lib/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>

	</head>

	<body>
		<div class="top">
			<div class="top-1">
				<ul>
					<li>
						<a href="#">注册</a>
					</li>
					<li>
						<a href="#">登录</a>
					</li>
					<li>
						<a href="#">帮助</a>
					</li>
				</ul>
			</div>
			<div style="clear: both;"></div>
			<!--清除浮动-->
			<img src="images/logo.jpg" />
			<div class="top-2">
				<ul>
					<li>关于我们</li>
					<li>产品展示</li>
					<li>新闻中心</li>
					<li>人才招聘</li>
					<li>客户留言</li>
				</ul>
			</div>
			<div style="clear: both;"></div>
			<!--清除浮动-->
			<div class="top-3">
				<ul>
					<li>CEO致词</li>
					<li>公司历史</li>
					<li>企业文化</li>
					<li>组织结构</li>
					<li>合作伙伴</li>
				</ul>
			</div>
		</div>

		<div style="clear: both;"></div>
		<!--清除浮动-->
		<!--
        	作者：1352371565@qq.com
        	时间：2017-08-19
        	描述：广告图		样式在index.css
        -->
		<div id="banner">
			<ul id="pic_box">
				<li><img src="images/Index_ganggao.jpg" alt=""></li>
				<li><img src="images/Index_ganggao2.jpg" alt=""></li>
				<li><img src="images/Index_ganggao3.jpg" alt=""></li>
				<li><img src="images/Index_ganggao4.jpg" alt=""></li>
			</ul>
			<div id="control_tag">
			</div>
		</div>
		<!--
    	作者：1352371565@qq.com
    	时间：2017-08-19
    	描述：通知 选项卡
    -->
		<div class="zuida">
			<div class="zuo" style="    height: 255px;">
				<div class="tab">
					<div class="tab_menu">
						<ul>
							<li class="selected">通知公告</li>
							<li>公司新闻</li>
							<a href="#" style="float: right;color: #666666;"> >> more </a>
						</ul>

					</div>
					<div class="tab_box">
						<div>
							<ul style="float: left;position: relative;left: 30px;top: -30px;list-style-type:square;color:#666">
								<li>
									<a href="#" style="color:#666;font-size:12px;">web上半年人才录用向导...</a>
								</li>
								<li>
									<a href="#" style="color:#666;font-size:12px;">设立技术研究所网站(大田)...</a>
								</li>
								<li>
									<a href="#" style="color:#666;font-size:12px;">web俄罗斯市场扩大...</a>
								</li>
								<li>
									<a href="#" style="color:#666;font-size:12px;">举办座谈会的合作企业网站...</a>
								</li>
							</ul>
							<ul style="float: right;position: relative;top: -30px;list-style:none">
								<li>
									<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
								</li>
								<li>
									<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
								</li>
								<li>
									<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
								</li>
								<li>
									<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
								</li>
							</ul>
						</div>

						<div class="hide">
							<div>
								<ul style="float: left;position: relative;left: 30px;top: -30px;list-style-type:square;color:#666;width: 100px;">
									<li>
										<a href="#" style="color:#666;font-size:12px;">...</a>
									</li>
									<li>
										<a href="#" style="color:#666;font-size:12px;">1...</a>
									</li>
									<li>
										<a href="#" style="color:#666;font-size:12px;">1...</a>
									</li>
									<li>
										<a href="#" style="color:#666;font-size:12px;">1...</a>
									</li>
								</ul>
								<ul style="float: right;position: relative;top: -30px;left:100px;list-style:none">
									<li>
										<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
									</li>
									<li>
										<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
									</li>
									<li>
										<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
									</li>
									<li>
										<a style="color:#89a1cf;font-size:12px;">[2014-01-01]</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				
				
					<!--
                        	作者：1352371565@qq.com
                        	时间：2017-08-21
                        	描述：图片浮动
                        -->
				<div class="content-center">
            <!-- 产品展示 开始 -->
            
            <div class="top1 slideBox">
                <div class="product bd">
                    <div>
                        <img src="images/Index_asa.jpg" alt="" class="photo" />
                        <ul class="info1">
                            <li> <b>New
                                    <span>Product</span></b> 
                            </li>
                            <li>
                                <span>ASA SG 1111</span>
                            </li>
                            <li class="description">最好的产品,坚持ASA&nbsp; web开发的产品的特别系列</li>
                            <li>
                                <a href="">
                                    <img src="images/more.png" alt="" />
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <img src="images/Index_asa.jpg" alt="" class="photo" />
                        <ul class="info1">
                            <li> <b>New
                                    <span>Product</span></b> 
                            </li>
                            <li>
                                <span>ASA SG 2222</span>
                            </li>
                            <li class="description">最好的产品,坚持ASA&nbsp; web开发的产品的特别系列</li>
                            <li>
                                <a href="">
                                    <img src="images/more.png" alt="" />
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <img src="images/ico-left.png" alt="" class="btn-left prev" />
                <img src="images/ico-right.png" alt="" class="btn-right next" />
            </div>
				</div>
				
				
				

				
				<div style="clear: both;"></div>
				<!--清除浮动-->
				<style>
					
.content-center { width: 317px; height: 105px; border: 1px solid #ccc; background: url(images/bg_01.png) repeat-x; position: relative;
margin-left: 350px;}
.content-center .top1 { width: 317px; height: 105px; border: 1px solid #ccc; background: url(../images/bg_01.png) repeat-x; position: relative;}
 .top1  .photo { margin: 21px 0 0 26px; float: left; }
.top1 .info1 { float: right; width: 150px; margin: 10px 20px 0 0; }
.top1 .info1 li { text-align: right; line-height: 18px; color: #7e7e7e;list-style: none; }
.info1 b span { color: #000; }
.info1 span { color: #13449f; }
.top1 .info1 .description { text-indent: 2em; line-height: 16px; }
.top1 .btn-left { position: absolute; top: 43px; left: -10px; }
.top1 .btn-right { position: absolute; top: 43px; right: -10px; }
				</style>
				
				
				
				
				
				<div class="tupian" style="float: left;">
					<ul>
						<li><img src="images/Index_job.jpg" /> <img src="images/Index_bian.jpg" /> </li>
						<li><img src="images/Index_process.jpg" /> <img src="images/Index_bian.jpg" /></li>
						<li> <img src="images/Index_qa.jpg" /></li>
					</ul>
				</div>

				<div class="tupian" style="float: right; border: none;">
					<ul>
						<li>
							<img src="images/Index_mulu.jpg" style="float: left; " /> </li>
						<li style="width: 75px;font-size: 10px;">
							<pre href="#" style="color: #7e7e7e;">
e -目录
持续的企业延
伸的《web 
>> more 
							</pre> </li>
						<li><img src="images/Index_bian.jpg" /> </li>
						<li> <img src="images/Index_zilan.jpg" style="float: left; " />
							<li style="width: 75px;font-size: 10px;">
								<pre href="#" style="color: #7e7e7e;">
投资指南 
持续的企业延
伸的《web
>> more 
										</pre> </li>
						</li>
					</ul>
				</div>

			</div>
					<div class="zuiyou">
									
									<div id="my_menu" class="sdmenu">
								<div class="divon">
								
								<span style=" color: #333333;background-color: #f9f9f9;">01 公司历史</span>
									<a href="#" style="color: #13449f;width: 111px;font-size: 14px;">BUSINESS INFO</a>
									<samp style="font-size: 12px;color: #333333;width:80px;float: left;margin-top: 7px;margin-bottom: 7px;">  持续的企业延伸的维伯,《介绍我</samp>
									<p style="font-size: 12px;color: #666666;width: 80px;"> > > more </p>
									<img src="images/Index_lishi.png" style="float: right;margin-top:-90px;"/>							
							
								</div>
								<div class="divon">
									<span style=" color: #333333;background-color: #f9f9f9;">02 企业文化</span>
								<a href="#" style="color: #13449f;width: 119px;font-size: 14px;">3BUSINESS INFO</a>
									<samp style="font-size: 12px;color: #333333;width:80px;float: left;margin-top: 7px;margin-bottom: 7px;">  持续的企业延伸的维伯,《介绍我</samp>
									<p style="font-size: 12px;color: #666666;width: 80px;"> > > more </p>
									<img src="images/Index_lishi.png" style="float: right;margin-top:-90px;"/>			
								</div>
								<div class="divon">
									<span style=" color: #333333;background-color: #f9f9f9;">03 服务指南</span>
								<a href="#" style="color: #13449f;width: 119px;font-size: 14px;">2BUSINESS INFO</a>
									<samp style="font-size: 12px;color: #333333;width:80px;float: left;margin-top: 7px;margin-bottom: 7px;">  持续的企业延伸的维伯,《介绍我</samp>
									<p style="font-size: 12px;color: #666666;width: 80px;"> > > more </p>
									<img src="images/Index_lishi.png" style="float: right;margin-top:-90px;"/>			
								</div>
								</div><!--my_menu end-->		
					</div>
		</div>



		
		

		<div style="clear: both;"></div>
		<!--清除浮动-->
		<div class="wei">
			<p>地址：广东省广州市海珠区新港西路231号3栋4层 联系人：乐 乐 移动电话：13588888888 固定电话：020-1234567 传 真：020-1234567 Copyright @ 2014 文豆网络科技有限公司 版权所有 粤ICP备0000000号</p>
			<select style="float: right;">
				<option>友情链接</option>
				<option>1</option>
				<option>2</option>

			</select>
		</div>

<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
    jQuery(".slideBox").slide({   // json对象
        mainCell:".bd",
        autoPlay:true,   // 自动运行：轮播
        effect: "fade",
        easing: "easeInQuint",
        delayTime: 500
    });
</script>
	</body>

</html>